<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="壹果yiigoo个人晒单，有机产品为小宝宝提供更健康舒适的生活。">
    <meta name="keywords" content="壹果，yiigoo，壹果企画，壹果企画（北京）科技有限公司，晒单，有机，无甲醛，婴幼儿用品">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
   <meta name="format-detection" content="telephone=no"/>
   <meta name="apple-mobile-web-app-capable" content="yes" />
  <link rel="stylesheet" type="text/css" href="../css/base.css">
  <link rel="stylesheet" type="text/css" href="http://img1.yiigoo.com/css/yiigoo.css?v=${timestamp?c}">
  <link rel="stylesheet" type="text/css" href="http://img1.yiigoo.com/css/swiper.css">
  <link rel="stylesheet" type="text/css" href="http://img1.yiigoo.com/css/newgift_layer.css">
  <title id="titleId">商品详情页-壹果商城</title>
  <style type="text/css">
    .se{    display: inline-block;
    border-radius: 5px;
    width: 20px;
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    background-color: #7a6a56;}
    .cl{
      display: inline-block;
    width: 5px;
    height: 21px;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
    color: #7a6a56;
    }

  </style>
</head>
<body>
  <div id="yg-doc"  >
    <nav class="nav-gobk"><a href="javascript:history.go(-1)" class="gobk"></a>
    <span id="navTitleId">${productDetail.productName}</span>
    </nav>
    <div id="yg-bd">
      <input type="hidden" name="productId" value="${productDetail.id?c}">
       <input type="hidden" name="groupAmount" value="${groupAmount}">
        <input type="hidden" name="productCode" value="${productCode}">
         <input type="hidden" name="isSpecial" value="${isSpecial?c}">
          <input type="hidden" name="preSaleDate" value="${preSaleDate}">
        <article class="yg-module" id="js_product_details">
          <#-- 轮播图 -->
        <div class="goods-slider">
              <div class="swiper-container swiper-container-0">
                <div class="swiper-wrapper">                 
                   <#list productDetail.productImages as item>
                    <div class="swiper-slide" style="display:block;" >
                      <a href="javascript:void(0);">
                        <img src="${item.imagePath}" alt="">
                      </a>
                    </div>
                  </#list>
                </div>
                <div class="swiper-pagcon"><div class="swiper-pagination"></div></div>
            </div>
        </div>
        <#-- 轮播图end -->
       <#-- 产品名称start -->
        <div class="goods-info line">
          <div class="flex jbw">
            <div class="goods-info-tit"><span>${productDetail.productName}</span>
            <#if productDetail.isSpecial>
            <span class ='special t'>
            特例品</span>
             </#if>     
          </div>
          </div>
          <input type="hidden" name="groupId" value="${productDetail.groupId?c}">
         <a href="javascript:void(0)" >
              <div class="f24 red cf" >${couponPage.title}</div>
        </a>
          <div class="no" style="padding-top:0.3rem;">
            <span class="goods-info-price" style="padding-bottom: 0"><i>￥</i>${productDetail.productSalePrice?string('0.00')}</span>
            <del class="goods-info-del">￥${productDetail.productOriginalPrice?string('0.00')}</del>
             <#if (productDetail.vipPrice>0)>
            <span class="goods-info-queen" ><i>女王价:￥</i>${productDetail.vipPrice?string('0.00')}</span>
            </#if>   
            <#if (groupAmount>0)>            
            <span class="goods-info-tuan "  >${groupAmount}件团</span>
            </#if>       
             <#if (productDetail.vipPrice>0)>
            <a href="http://m.yiigoo.com/static/1527665025.html" class="mess queen" >成为女王</a>
            </#if>            
          </div>
        </div>
        <#-- 产品名称end -->
        <#-- 促销start -->
         
          <div class="goods-info clearfix promotion line" v-show="isHavePromotion">
          <div class="txt">促销</div>
            <div class="info-txt">
              <dl class="flex" style="margin-bottom:0.1rem;" v-show="buyLst!=''">
                  <dt><i>{{buyLst.type}}</i></dt>
                  <dd>
                    <template v-for="(item,index) of buyLst" :key="index">
                      <p class="s" v-html="item.desc"></p>
                    </template>
                  </dd>
                </dl> 
              <template v-for="(item,index) of promotion" :key="index">
                <p>
                    <i>{{item.type}}</i>
                    <span class="s" v-html="item.desc"></span>
                </p>
              </template>
            </div>
          </div>
          <#-- 促销end -->
          <#-- 开团start -->
          
          <div class="lst-module" id="js_groupbuying" v-show="(tuanFlag=='openTuan'&&groupListLength>0)" >

          <h3 class="bask-tit p0">
            <i><img src="http://img1.yiigoo.com/images/pin.png"></i>
            <p>以下用户已开团，可直接拼团</p>
            <a href="javascript:;" class="go-pt groupRule">拼团规则>></a>
          </h3>
          <div class="grouplist-lst-box" >
            <template v-for="(item,index) of groupList.groupBuyList" :key="index">
            <input v-if="index==0" type="hidden" name="currTime" :value="item.currentDate">
            <dl class="grouplist-lst-items flex">
              <dt class="flex">
                <p class="user-ico"><img :src="item.headImageUrl"></p>
                <div class="user-info">
                  <p>{{item.nickName}}</p>
                  <p>剩余<i class="time" :currentDate="item.currentDate" :completeTime="item.completeTime" :createTime="item.createTime"></i>，还差<i>{{item.amount}}件</i></p>
                </div>
              </dt>
              <dd><a :href="'../product/product.html?productId='+currProductId+'&tuanId='+item.id+'&groupAmount='+groupAmount" class="gobtn" >去拼团</a></dd>
            </dl>
            </template>

          </div>
          <div class="allgroupbtn" v-if="groupListLength>1">
            <a :href="'../product/grouplist.html?productId='+currProductId +'&groupId='+currGroupId ">查看更多拼团</a>
          </div>

        </div>

        <#-- 开团end -->
        <#--已选-->
          <div id="js_top" class="goods-info bai flex">
        <#if saleTitle!="">
        <div class="fselect" >
          <p class="goods-info-style">
          ${saleTitle}
          </p>
        </div>
        </#if>
          <#if saleTitle=="">
        <div class="fselect">
              <p class="goods-info-style">
                <span class="gsy">已选 :"${productDetail.shortName}"</span>
              </p>
              <i class="i">&nbsp;</i>
              <p class="goods-info-style" v-if="selectSizeName!=''">"<span class="gsy">{{selectSizeName}}</span>"</p>
            </div>
        </div>
         </#if>
        <#--已选-->

        <#--颜色-->
          <div class="add-car-type line">
            <div class="add-car-type-lst">
              <p class="add-tit">颜色/规格</p>
              <div class="add-items clearfix" id="js_colorAndType">
                <#list colorList as item>
                <a class="${(item.id==productDetail.id)?string('active','')}" href="${(item.id)?c}.html">${item.shortName}</a>
                </#list>
              </div>
            </div>
            <div class="add-car-type-lst">
              <p class="add-tit">尺码/大小</p>
              <div class="add-items clearfix">
                <#list productDetail.skus as item>
                <a id="${item.skuCode}" class="${(item.stockNum>0)?string('forsale','not')}" href="javascript:void(0);" v-on:click="selectSize(${item.skuCode},'${saleTitle}','${item.sizeName}',${item.stockNum},${item.id?c},${item.salesPrice},${item.sourceSalesPrice},${item.newCustomPrice},${item.promotionPrice!0},${item.vipPrice})">${item.sizeName}</a>
                 </#list>
              </div>
            </div>
            <div class="add-car-type-lst">
              <p class="add-tit">购买数量</p>
              <div class="pt30">
                <article class="add-num flex">
                  <div :class="['prev',amount==1?'not':'']" v-on:click="reduceAndAdd('reduce')"><a class="iconfont icon-jianhao" href="javascript:void(0);"></a></div>
                  <div class="shuru" id="js_count_num">{{amount}}</div>
                  <div :class="['next',amount==9?'not':'']" v-on:click="reduceAndAdd('add')"><a class="iconfont icon-jiahao" href="javascript:void(0);" ></a></div>
                </article>
              </div>
            </div>
        </div>
        <#--颜色-->
      </article>
      <div class="goods-info flex line">
          <span class="goods-info-to"><i class="i"><span class="tit-icon courier"></span></i><em class="t">满199包邮</em></span>
          <span class="goods-info-to"><i class="i"><span class="tit-icon return" ></span></i><em class="t">7天无理由退换货</em></span>

      </div>
      <#--品牌故事-->
      <article class="lst-module" style="padding-top: 5px">
          <a href="http://m.yiigoo.com/static/1524908440.html"><img src="http://m.yiigoo.com/images/scan.jpg"></a>
      </article>
       <#--相似晒单-->
      <article class="lst-module">
          <h3 class="bask-tit"><i><span class="tit-icon similar"></span></i><p>相似晒单</p></h3>
          <div class="swiper-containerLst swiperlist">
            <ul class="swiper-wrapper list-bask-product">
             <#list publishModel as item>
              <li class="swiper-slide">
                <a href='../share/comment.html?publishId=${item.publishId}'>
                  <p class="bask-img" style='background:url("${item.image}") center center no-repeat' ></p>
                  <p class="bask-txt">${item.nickName}</p>

                </a>
              </li>
              </#list>
            </ul>
          </div>
      </article>
      <#--商品详情-->
      <article class="yg-module">
        <h3 class="goods-details-tit">
          <p v-bind:class="(currTab=='detail')?'visit':''"  v-on:click="getCommentList('detail')"><span>商品详情</span><i></i></p>
          <i class='tline'></i>
          <p v-bind:class="(currTab=='comment')?'visit':'' "  v-on:click="getCommentList('comment')"><span>评价</span><i class="ct">(${commentCount})</i></p>
        </h3>
        <div class="goods-details-lst" v-show="currTab=='detail'">
          <aside><img src="http://img.yiigoo.com/qrcode/qrcode.jpg?v=12312" alt="" ></aside>
          <#if preSaleDate!="0">
          <h1 class="time">
            <p class="flex">
              <span class="tit">预计${preSaleDate}发货</span>
              <span class="ico"></span>
            </p>
          </h1>
          </#if>
          <#list productDetail.detailImagePath?split(",") as item>
          <aside>
            <img realSrc="${item}" src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy"/>
          </aside>
          </#list>

          <div v-show="isal=='0'">

                   <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_1.jpg" alt=""></aside>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_2.jpg" alt=""></aside>
          <aside><img  src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_3.jpg" alt=""></aside>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_4.jpg" alt=""></aside>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_5.jpg" alt=""></aside>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_6.jpg" alt=""></aside>
          </div>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/detail_823.jpg" alt=""></aside>
          <aside><img src="http://img1.yiigoo.com/images/640-672.jpg" alt="" class="lazy" realSrc="http://img.yiigoo.com/static/product/pre1.jpg?v=20180426" alt=""></aside>
        </div>
        <div v-show="currTab=='comment'" id="js_commonTab">
           <#if (commentCount==0)>
            <div class="no-car-date">该商品还没有评价哦~</div>
            </#if>
          <div class="goods-details-comment">


            <template v-for="(item,index) of commentList" :key="index">
              <article >
                <dl class="goods-details-user">
                  <dt><img v-bind:src="item.headImageUrl" alt=""/></dt>
                  <dd class="clearfix">
                    <h3 class="user-name">{{item.nickName}}</h3>
                    <p class="tag">
                    <template v-for="(tag,index) of item.commentTag" :key="index">
                      <i>{{tag}}</i>

                    </template>

                    </p>
                  </dd>

                </dl>
                <p class="details-user-txt">{{item.content}}</p>
                <ul class="details-user-lst clearfix" :id="item.id" v-on:click="showCommentImage(item.id)">
                  <template v-for="(commentImg,index) of item.images" :key="index">
                    <li><a href="javascript:void(0);"><img v-bind:src="commentImg" class="lazy"></a></li>
                  </template>
                </ul>

                <div class="details-user-lst" v-if="item.replyContent != null">
                  <section class="details-reply">
                    <em class="triangle-up"></em>
                    <span>果妈回复：</span><em>{{item.replyContent}}</em>
                  </section>
                </div>

                <p class="details-user-info clearfix"><em>{{item.createTime}}</em><em>{{item.shortName}}</em><em>{{item.sizeName}}</em></p>
              </article>
            </template>
          </div>
          <div id="js_preloading" style="display:none;">
                <p class="load jbc"><i></i><em>加载中</em></p>
          </div>
        </div>

      </article>
    </div>
    <article id="js_groupCar_module" class="add-car-layer" style="background:#fff;display:none; bottom:3rem;">
    <div>
      <a href="javascript:void(0);" class="layer-close" id="js_layer_close" v-on:click="closeClick()"><img src="../images/close.png" alt=""></a>
      <ul class="add-ground-lst">
         <template v-for="(item,index) of minCarList" :key="index">
        <li class="flex" :id="'delCartId_'+item.skuId">
          <p class="imgs"><img :src="item.imagePath"/></p>
          <div class="tits">
            <h4>{{item.productName}}</h4>
            <p class="f30 brown">￥{{item.promotionPrice}}</p>
            <p><i>{{item.shortName}}</i><i>{{item.sizeName}}</i><em>x{{item.quantity}}</em></p>
          </div>
          <div class="del" v-on:click="deleteSKu(item.skuId)"><a href="javascript:;"><img src="../images/del.png"></a></div>
        </li>
        </template>

        </ul>
      </div>
  </article>
     <div class="clicklayer" style="display:none;"></div>
      <a href="javascript:void(0);" class="goTop" v-on:click="goTop()" id="js_goTop" style="display:none;"><img src="../images/top.png"></a>
        <a href="javascript:void(0);" class="product-share" v-on:click="confirmShare()" id="js_product-share" ><img src="../images/share.png"></a>
    <footer id="yg-fd" style="z-index: 400">
      <div class="fd-bar" v-show="(tuanFlag==''||tuanFlag=='openTuan')">
        <nav class="fd-nav b">
         <a  class="kefu" href="javascript:void(0);">
                <i class="k"></i>
                <p>客服</p>
              </a>
               <a  href="../mall/index.html">
                <i class="h"></i>
                <p>首页</p>
              </a>
              <#if (productDetail.promotionPrice==0)>
              <a href="../cart/cart.html" class="shopingNum">
                <i class="c" id="js_shoppingNum"></i>
                <p>购物车</p>
              </a>
               </#if>
        </nav>
        <#if (productDetail.promotionPrice==0)>
        <div class="fd-Bnav" v-on:click="addCar('${saleTitle}',${productDetail.newCustomPrice})" >
          <p class="${(saleTitle!='')?string('notadd','butB')}"><a href="javascript:void(0);">加入购物车</a></p>
        </div>
        </#if>
         <#if (productDetail.promotionPrice>0)>
        <div class="fd-Bnav" style="box-sizing:border-box;" v-show="(paramGroupId==0&&tuanFlag=='openTuan')">
          
          <p class="butB" v-on:click="openTuan()" ><a href="javascript:;">一键开团</a></p>
        </div>
         </#if>
      </div>
      <div class="fd-bar"  v-show="(tuanFlag=='addTuan')">
        <nav class="fd-nav b">
         <a class="kefu" href="javascript:void(0);">
                <i class="k"></i>
                <p>客服</p>
              </a>
          <a  href="../mall/index.html" href="javascript:void(0);">
                <i class="h"></i>
                <p>首页</p>
              </a>
              <a href="javascript:;" v-on:click="showSelected()">
                <i class="y" ><em class="num" v-if="minCarNum>0">{{minCarNum}}</em></i>
                <p>已选</p>
              </a>
            </nav>
        <div class="fd-Bnav flex" style="box-sizing:border-box;">
          <p class="butB" v-on:click="addMinCar()" style="width:50%;border-radius: 0.25rem;display: block;font-size: 0.8rem;height: 2rem;line-height: 2rem;margin-right: 0.5rem;margin-top: 0.15rem;text-align: center;"><a href="javascript:void(0);">加入已选</a></p>
          <p :class="['butB', minCarNum>0?'':'no']" v-on:click="toSettlement()" style="width:50%;border-radius: 0.25rem;display: block;font-size: 0.8rem;height: 2rem;line-height: 2rem;margin-right: 0.5rem;margin-top: 0.15rem;text-align: center;"><a href="javascript:void(0);">去结算</a></p>
        </div>
      </div>
    </footer>
  </div>
<script type="text/javascript" src = "../lib/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src = "../lib/swiper.min.js"></script>
<script type="text/javascript" src = "../lib/vue.min.js"></script>
<script type="text/javascript" src = "../lib/wxshare.js"></script>
<script type="text/javascript" src = "../lib/jquery.downCount.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" src = "../js/common.js?v=${timestamp?c}"></script>
<script type="text/javascript" src = "../js/product/product_common.js"></script>
<script type="text/javascript" src = "../js/product/productDetailV2.js?v=${timestamp?c}"></script>
</body>
</html>